<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{$system.webname}</title>
  <meta name="generator" content="lizhili team" />
  <meta name="author" content="lizhili team" />
  <meta name="copyright" content="lizhili team." />
  <meta name="description" content="{$system.miaoshu}" />
  <meta name="keywords" content="{$system.keyword}" />
  <link rel="stylesheet" href="__INDEX__layui/css/layui.css">
  <link rel="stylesheet" href="__INDEX__css/base.css">
  <link  rel="stylesheet" href="__INDEX__css/main.css">
</head>
<body>
{include file="conn/header" /}

<div class="layui-container" style="margin-top: 30px">
  <div class="layui-row layui-col-space25" id="box1">
    <div class="layui-col-md7">
      <div class="layui-carousel" id="swiper">
        <div carousel-item style="position:relative;">
          {volist name=":slide()" id="vo"}
          <a href="{$vo.url ?: '#'}">
            <img class="swiperImg" src="{$vo.img}" alt="">
            <div class="title">{$vo.title}</div>
          </a>
          {/volist}
        </div>
      </div>
    </div>
    <div class="layui-col-md5">
      <div class="index-list-detail">
        <ul>
          {volist name=":hot(0,9)" id="vo"}
          <li {if $i==1 or $i==5}style="font-weight: 600;"{/if}><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.title}</a></li>
          {/volist}
        </ul>
      </div>
    </div>
  </div>
</div>






<div class="layui-container">
  <div class="layui-row layui-col-space25" id="box2">
    <div class="layui-col-md4">
      <div class="layui-tab-content cont-tab-card p-0">
        {volist name=":cate_main(1,[1,5])" id="main"}
        <div class="m-0">
          <a href="{:url('index/cate',['id'=>$main.id])}" target="_blank">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>{$main.catename}</legend>
            </fieldset>
          </a>
          <div class="layui-field-box">
            {volist name="main.zi[0]" id="vo"}
            <div class="flex tab-list-card">

              <a href="{:url('index/show',['id'=>$vo.id])}" class="imgCard"><img  src="{$vo.pic|img}" alt=""></a>
              <a href="{:url('index/show',['id'=>$vo.id])}" class="tab-title">{$vo.title}</a>
            </div>
            {/volist}
            <ul class="tab-list-ul">
              {volist name="main.zi[1]" id="vo"}
              <li><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.title}</a></li>
              {/volist}
            </ul>
          </div>
        </div>
        {/volist}
      </div>
    </div>
    <div class="layui-col-md4">
      <div class="layui-tab-content cont-tab-card p-0">
        {volist name=":cate_main(2,[1,5])" id="main"}
        <div class="m-0">
          <a href="{:url('index/cate',['id'=>$main.id])}" target="_blank">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>{$main.catename}</legend>
            </fieldset>
          </a>
          <div class="layui-field-box">
            {volist name="main.zi[0]" id="vo"}
            <div class="flex tab-list-card">
              <a href="{:url('index/show',['id'=>$vo.id])}" class="imgCard"><img  src="{$vo.pic|img}" alt=""></a>
              <a href="{:url('index/show',['id'=>$vo.id])}" class="tab-title">{$vo.title}</a>
            </div>
            {/volist}
            <ul class="tab-list-ul">
              {volist name="main.zi[1]" id="vo"}
              <li><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.title}</a></li>
              {/volist}
            </ul>
          </div>
        </div>
        {/volist}
      </div>
    </div>
    <div class="layui-col-md4">
      <div class="layui-tab-content cont-tab-card p-0">
        {volist name=":cate_main(3,[1,5])" id="main"}
        <div class="m-0">
          <a href="{:url('index/cate',['id'=>$main.id])}" target="_blank">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>{$main.catename}</legend>
            </fieldset>
          </a>
          <div class="layui-field-box">
            {volist name="main.zi[0]" id="vo"}
            <div class="flex tab-list-card">
              <a href="{:url('index/show',['id'=>$vo.id])}" class="imgCard"><img  src="{$vo.pic|img}" alt=""></a>
              <a href="{:url('index/show',['id'=>$vo.id])}" class="tab-title">{$vo.title}</a>
            </div>
            {/volist}
            <ul class="tab-list-ul">
              {volist name="main.zi[1]" id="vo"}
              <li><a href="{:url('index/show',['id'=>$vo.id])}">{$vo.title}</a></li>
              {/volist}
            </ul>
          </div>
        </div>
        {/volist}
      </div>
    </div>
  </div>
</div>

<div class="layui-container">
  <div class="layui-row" id="box3">
    {volist name=":cate_main(9,[3])" id="main"}
    <div class="videoList">
      <h2>
        <a href="{:url('index/cate',['id'=>$main.id])}" target="_blank">{$main.catename}</a>
      </h2>
      <div class="layui-row layui-col-space25">
        {volist name="main.zi[0]" id="vo"}
        <div class="layui-col-md4">
          <div class="bod">
            <a href="{:url('index/show',['id'=>$vo.id])}" target="_blank">
              <img src="{$vo.pic|img}" alt="{$vo.title}" class="videoImg">
            </a>
            <div class="title"> <a href="{:url('index/show',['id'=>$vo.id])}"
                                   target="_blank">{$vo.title}</a> </div>
          </div>
        </div>
        {/volist}
      </div>
    </div>
    {/volist}
  </div>
</div>
<div class="layui-container">
  <div class="layui-row" id="youqing">
    <div class="videoList">
      <h2>
        友情链接
      </h2>
      <div class="bod">
        {volist name=":friend()" id="vo"}
        <li>
          <a href="{$vo.linkurl}" target="_blank">{$vo.title}</a>
        </li>
        {/volist}
      </div>

    </div>
  </div>
</div>

{include file="conn/footer" /}
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script>
  wx.config({
    debug: false, // 调试模式（生产环境建议关闭）
    appId: '{$sign.appId}',
    timestamp: {$sign.timestamp},
    nonceStr: '{$sign.nonceStr}',
    signature: '{$sign.signature}',
    jsApiList: [  // 需要使用的JS接口列表
      'updateAppMessageShareData',
      'updateTimelineShareData',
    ]
  });
  wx.ready(() => {
    // 自定义分享给朋友
    wx.updateAppMessageShareData({
      title: '{$system.webname}',
      desc: '{$system.miaoshu}',
      link: window.location.href,
      imgUrl: window.location.origin+'/logo.png',
      success: () => {}
    });

    // 自定义分享到朋友圈
    wx.updateTimelineShareData({
      title: '{$system.webname}',
      link: window.location.href,
      imgUrl: window.location.origin+'/logo.png',
      success: () => {}
    });

  });

  wx.error(err => {
    console.error('1', err);
  });

</script>
<!-- body 末尾处引入 layui -->
<script src="__INDEX__layui/layui.js"></script>
<script>
layui.use(function(){
  var carousel = layui.carousel;
  //建造实例
  carousel.render({
    elem: '#swiper',
    height: '500px',
    width: "100%",
    arrow: 'hover' //始终显示箭头
    //,anim: 'updown' //切换动画方式
  });

});
</script>
</body>
</html>
